@charset "utf-8";
/* CSS 分享界面 */

/************共用分享APP*****************/
html,body{ height:100%;}
.wrap { overflow: hidden; width: 100%; }
.iphoe_img { text-align: center; padding-left: 1.6rem; padding-right: 1.2rem; margin-top: 2rem; overflow: hidden; }
.head_img img, .iphoe_img img { width: 100%; height: auto; display: block; }
.text_main { text-align: center; padding-top: 2rem; padding-bottom: 1rem; padding-bottom:4rem; background:#ecc582; }
.text_main p { font-size: 1.6rem; color: #666; clear: both; margin-bottom: 2rem; line-height:2rem; padding-left:1.5rem; padding-right:1.5rem;}
.text_main p em { color: #333 !important; margin-left: 0.5rem; margin-right: 0.5rem; text-decoration:underline; }
.text_main button {  width: 70%; margin-top: 1rem; background-color: #ffa800; padding-top: 1rem; padding-bottom: 1rem; color: #fff; font-size: 2rem; border-radius: 36rem; font-weight: bold; border: none; box-shadow: 0rem 0.5rem 0rem 0rem #a46800;}
.text_main input { text-align: center; border-radius: 36rem; height: 4rem; border: solid 1px #a46800; color: #ccc; width: 70%; clear: both; font-size: 2rem; outline:none; }
.text_main button:hover{background-color: #feb11c;}

/*#hidebox{ display:none;}
#hidebg{ display:none;}
*/

/*************微信转赠h5 CSS******************/
#videoContent{background: #000 none repeat scroll 0 0;
    display: block;
    height: auto;
    width: 100%;
	
}

.sysm{ overflow:hidden; clear:both; padding-top:1.5rem; background-image: url(../images/wxappbg.jpg); background-position: center top; background-repeat: no-repeat; background-color: #DEB268; background-size: 100% auto; background-clip: padding-box; padding-left:1.6rem; padding-right:1.6rem; }
.sysm h3{text-align:center; color:#FFF; font-weight:bold; margin-bottom:2rem; margin-top:1rem; font-size:2rem; opacity:0.8;}
.sysm p{ color:#fff; margin-bottom:0.5rem; font-size:1.6rem; opacity:0.8;}

/********弹出层********************/
.pop_bg { background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 999 }
.pop{margin-left:2rem; margin-right:2rem; border-radius:1rem; position:absolute; top:20%;  background:#fff; padding:2rem; text-align:center; z-index:999;}
.pop img{ width:35%; height:auto;}
.pop button{ background-color:#ffa800; border-radius:50rem; line-height:3rem; padding-top:0.5rem; padding-bottom:0.5rem; border:none; color:#fff; width:70%; margin-top:1.5rem; font-size:1.8rem; }
#p1{ color:#333; margin-top:1rem; font-size:1.6rem; line-height:2rem;}
#p2{ color:#999; font-size:1.3rem; margin-top:1rem; line-height:1.5rem;}



/**************分享视频h5 CSS*************/

#video { width: 100%; height: auto; display:block; background:#000; }
.video_content { overflow: hidden; clear: both; background-color: #e6e6e6; padding-bottom: 0rem; padding-left: 1.6rem; padding-right: 1.6rem; padding-top: 1.6rem; }
.video_content h3 { border-bottom: solid 1px #ccc; padding-bottom: 1rem; margin-bottom: 2rem; font-size: 1.8rem; line-height: 2rem; color: #333; }
.userlogo { width: 5.3rem; height: 5.3rem; overflow: hidden; text-align: center; border-radius: 0.5rem; background: #FFF; float: left; }
.userlogo img { width: 100%; height: auto; vertical-align: middle; }
.textzi { margin-left: 6.5rem; font-size: 1.6rem; color: #999; }
.textzi p { margin-bottom: 1rem; }
.label { overflow: hidden; clear: both; }
.label a { display: inline-block; float: left; overflow: hidden; text-decoration: none; background: #999999; color: #fff; margin-right: 0.5rem; padding: 0.5rem; border-radius: 0.3rem; margin-bottom: 1rem; }
.deful_button { text-align: center; margin-left: 1.6rem; margin-right: 1.6rem; }
.deful_button p { color: #999; font-size: 1.6rem; margin-bottom: 2rem; margin-top: 2rem; }
.deful_button p i { color: #ecc582; margin-left: 0.1rem; margin-right: 0.1rem; }
.deful_button p img { margin-right: 1rem; width: 2.4rem; height: auto; position: relative; top: 0.3rem; }
.deful_button button { background: #ecc582; border: none; width: 100%; height: 4rem; color: #ff3b30; font-size: 1.6rem; margin-bottom: 1.6rem; border-radius: 5px; outline: none }
.deful_button button:active { background-color: #e4b461; }

/***********相关视频************/
.reco_img{ width:6rem; height:6rem;  overflow:hidden; float:right; position:absolute; right:0; top:1.5rem;  }
.reco_img img{ width:100%; height:100%; display:block; }
.recommend{ overflow: hidden; clear: both; background: #e6e6e6; padding-bottom: 2rem; padding-left: 1.6rem; padding-right: 1.6rem; padding-top: 1rem; }
.recommend ul{ overflow:hidden; background:#fff; padding-left:1.6rem; padding-right:1.6rem;}
.recommend ul li{ position:relative; padding-top:1.5rem; padding-bottom:2.6rem; overflow:hidden; border-bottom:solid 1px #e5e5e5;}
.reco_text{  overflow:hidden; margin-right:7rem;}
.reco_p1{ font-size:1.8rem; color:#333;  overflow:hidden; text-overflow:ellipsis;white-space:nowrap; margin-top:1rem;  }
.reco_p2{ font-size:1.4rem; color:#ccc; margin-top:1rem; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.recommend h3{ font-size:2rem; margin-bottom:0.8rem; color:#666;  border-top:solid 1px #ccc; padding-top:2.5rem;}

/****分享*********/
.fxcontent{ background-color:#ecc582; overflow:hidden; text-align:center; padding-bottom:1.5rem; padding-top:1.5rem;  position:fixed; bottom:0; width:100%;}
.fxcontent button{width: 90%; outline:none; background-color: #ffa800; padding-top: 1rem; padding-bottom: 1rem; color: #fff; font-size: 2rem; border-radius: 36rem; font-weight: bold; border: none; box-shadow: 0rem 0.5rem 0rem 0rem #a46800; margin-left:auto; margin-right:auto;}
.fxcontent p{ font-size: 1.6rem; color: #666; clear: both; margin-bottom: 1rem; line-height: 2.2rem;  word-break: break-all;  }
.fxcontent p em{ color: #333 !important; margin-left: 0.5rem; margin-right: 0.5rem;}




/**********************服务条款**********/
.agr{ width:100%; overflow:hidden;}
section{ padding:1.5rem;}
section h2{ font-size:1.8rem; margin-bottom:1rem; margin-top:3rem; color:#ccc;}
section p{ margin-bottom:1.8rem; color:#999; font-size:1.6rem; line-height:2.3rem; word-break:break-all; }





/*****************关于****************/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.about logo { margin-top: 4rem !important; margin-bottom: 1rem !important; }
.about_text { margin-left: 0.3rem !important; margin-right: 0.3rem !important; }
}
.about_logo { text-align: center; margin-top: 5rem; overflow: hidden; margin-bottom: 2rem; }
.about_logo img { width: 8rem; height: auto; }
.about_logo p { color: #999; font-size: 1.2rem; margin-top: 1rem; }
.about_logo h3 { color: #ccc; font-size: 2.4rem; font-weight: bold; margin-top: 0.5rem; }
.about_text { font-size: 1.6rem; line-height: 2.6rem; text-indent: 3.2rem; margin-left: 1rem; margin-right: 1rem; word-wrap: break-word; word-break: break-all; }
footer { text-align: center; font-size: 1.3rem; width: 100%; background: #333; padding: 1.5rem 0; position: absolute; bottom: 0; }



/************申请信用积分***********/
.apply_h3 { color: #ecc582; font-size: 2.2rem; margin-top: 4rem; margin-bottom: 1rem; text-align: center; }
.apply_h5 { font-size: 1.8rem; color: #ccc; margin-bottom: 0.8rem; margin-top: 3rem; }
.apply_text p { color: #999; font-size: 1.8rem; margin-bottom: 0.6rem; line-height:2.5rem;word-break:break-all; }
.apply_text { overflow: hidden; margin-left: 2rem; margin-right: 2rem; margin-bottom:2rem; }
.apply_pz{ color:#666 !important; font-size:1.6rem !important;}
/**********确认申请button**********
.apply_button { margin-top: 3rem; clear: both; position: fixed; bottom: 0rem; width: 100%; overflow: hidden; text-align: center; box-sizing: content-box; background: #333; padding-top: 2rem; padding-bottom: 2rem; }
.apply_button button { background-color: #ecc582; border: none; line-height: 4rem; border-radius: 0.5rem; font-size: 2rem; margin-left: -3rem; margin-right: -3rem; width: 90%; }**/
@media screen and (min-device-width:320px){
}

@media screen and (min-device-height:480px){
}